<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script type="text/javascript" src="../js/popper.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="../css/main.css">
    <link href="../css/font-awesome.min.css" rel="stylesheet">
    <link href="../css/line-awesome.min.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/barfiller.css" rel="stylesheet">
    <link href="../css/magnific-popup.css" rel="stylesheet">
    <link href="../css/flaticon.css" rel="stylesheet">
    <link href="../css/owl.carousel.min.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <link href="../css/responsive.css" rel="stylesheet">


</head>

<body>
    <div class="header">
        <div id="style-1" class="header-area">
            <div class="sticky-area">
                <div class="navigation">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="logo">
                                    <a href="index.html"><img src="../../img/logo.png" alt="archipix-logo"></a>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="main-menu">
                                    <nav class="navbar navbar-expand-lg">
                                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                        </button>
                                        <div class="collapse navbar-collapse justify-content-center"
                                            id="navbarSupportedContent">
                                            <ul class="navbar-nav m-auto">
                                                <li class="nav-item">
                                                    <a class="nav-link active" href="index.html">首页
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="info.html">资讯
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="info.html#policy">政策解读</a></li>
                                                        <li><a href="info.html#news">新闻报道</a></li>
                                                        <li><a href="info.html#industry">行业动态</a></li>

                                                    </ul>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="activity.html">活动
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="activity.html#underway">正在进行</a></li>
                                                        <li><a href="activity.html#begin">即将开始</a></li>
                                                        <li><a href="activity.html#end">已经结束</a></li>
                                                    </ul>
                                                </li>

                                                <li class="nav-item">
                                                    <a class="nav-link" href="video.html">视频
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="video.html#introduce">科普介绍</a></li>
                                                        <li><a href="video.html#demons">项目演示</a></li>
                                                        <li><a href="video.html#news">新闻报道</a></li>
                                                    </ul>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="encyclopedia.html">百科解答</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="product.html">产品服务</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="solution.html">解决方案
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="report.html">研究报告</a>
                                                </li>
                                            </ul>

                                        </div>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-lg-2 text-right">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!---->
        </div>
    </div>
    <!-- Breadcroumb Area -->

    <nav class="navbar navbar-expand mybg mb-3" style="margin: 0 auto;width: 100%;">

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item mine">
                    <a class="nav-link my-active" id="a1">基本资料 </a>
                </li>
                <li class="nav-item mine">
                    <a class="nav-link " id="a2">账号密码</a>
                </li>
                <li class="nav-item mine">
                    <a class="nav-link " id="a3">我的收藏</a>
                </li>
                <li class="nav-item mine">
                    <a class="nav-link " id="a4">我的评论</a>
                </li>

            </ul>
        </div>
    </nav>


    <div class="row">
        <div class="col-lg-5 col-md-10 col-10  m-auto">


            <div id="1" class="box" style="display: block;">
                <form action="" method="get">

                    <div class="num-input"> <label>头像</label> <img id="img" style="margin-left: 10px;cursor: pointer;"
                            src="../../img/2.jpg">
                        <input id="my_photo" type="file" style="display: none;">
                    </div>
                    <div class="num-input"> <label>昵称</label> <input type="text" name="lname" /></div>
                    <div class="num-input"> <label>性别</label>
                        <span>男<input type="radio" name="Gender" value="man"></span>
                        <span style="margin-left: 10px;">女<input type="radio" name="Gender" value="woman"></span>
                    </div>
                    <div class="num-input"> <label>生日</label> <input type="date"></div>
                    <div class="num-input"> <label>个人简介</label><textarea rows="3" cols="5"></textarea></div>
                    <div class="num-input" style=" margin-left: 85px;"> <input type="submit" value="提交" /></div>
                </form>
            </div>

            <div id="2" class="box" style="display: none;">
                <form action="" method="get">
                    <div class="num-input"> <label>手机</label><input type="tel" name="fname" /></div>
                    <div class="num-input"> <label>邮箱</label><input type="email" name="lname" /></div>
                    <div class="num-input"> <label>密码</label><input type="password" /></div>
                    <div class="num-input"> <label>微信</label><input type="text"></div>
                    <div class="num-input"> <label>微博</label><input type="text" /></div>
                    <div class="num-input" style=" margin-left: 85px;"> <input type="submit" value="提交" /></div>

                </form>
            </div>

            <div id="3" class="" style="display: none;">
                <ul class="mb-3" style="text-align: center;">
                    <li class="col_active" id="l1" style="margin: 0 12px;cursor: pointer;">收藏的文章</li>
                    <li id="l2" style="margin: 0 12px;cursor: pointer;">收藏的视频</li>
                </ul>
                <div id="c1" style="display: block;">
                    <div class="row info_list">
                        <div class="col-lg-3 col-12">
                            <a href="info_detail.html"><img src="../../img/08145251ww2h.png"></a>
                        </div>
                        <div class="col-lg-9">
                            <h6>生态环境部李高：以降碳为源头治理的“牛鼻子”，做好碳中和工作</h6>
                            <a href="info_detail.html">
                                <p>电车汇消息：在七届中国电动汽车百人会论坛上，生态环境部应对气候变化司司长李高发表了主题演讲。针对碳达峰和碳中和目标下的汽车与交通政策进程，李高提出了生态环境部正在做的工作。气候变化是重大全球性挑战，事关人类未来和各国发展。党中央、国务院始终高度重视应对气候变化工作，习近平总书记多次强调，应对气候变化不是别人要我们做，而是我们自己要做，是中国可持续发展的内在要求，是推动构建人类命运共同体的责任担当。

                                </p>
                            </a>
                            <span>2020-12-24</span>
                            <a class="details " href="info_detail.html">查看详情>>>></a>
                        </div>
                    </div>
                    <div class="row info_list">
                        <div class="col-lg-3 col-12">
                            <a href="info_detail.html"><img src="../../img/15671379273725.jpg"></a>
                        </div>
                        <div class="col-lg-9">
                            <h6>腾讯宣布启动碳中和计划用科技助力实现零碳排放！</h6>
                            <a href="info_detail.html">
                                <p>
                                    1月12日，腾讯官方微信号发文《腾讯启动碳中和规划，用科技助力实现0碳排放》，宣布启动碳中和规划，积极响应中国碳中和目标，成为首批启动碳中和规划的互联网企业之一。腾讯公司董事会主席兼首席执行官马化腾表示：此次疫情爆发，让我们更加关注人与大自然的关系。


                                </p>
                            </a>
                            <span>2020-12-24</span>
                            <a class="details " href="info_detail.html">查看详情>>>></a>
                        </div>
                    </div>
                    <div class="row info_list">
                        <div class="col-lg-3 col-12">
                            <a href="info_detail.html"><img src="../../img/15211916792824.jpg"></a>
                        </div>
                        <div class="col-lg-9">
                            <h6>正式官宣！Lumentum以57亿美元收购Coherent 新公司营收超29亿美元</h6>
                            <a href="info_detail.html">
                                <p>
                                    昨日，有媒体报道行业巨头Lumentum将以现金加股票的形式并购另一大巨头Coherent，当晚两家公司都在各自官网上公开确认了并购传闻。

                                    最新公布

                                    当地时间1月19日，Lumentum与Coherent共同宣布：双方已达成最终协议，Lumentum将以价值57亿美元的现金和股票交易方式收购Coherent。
                                </p>
                            </a>
                            <span>2020-12-24</span>
                            <a class="details " href="info_detail.html">查看详情>>>></a>
                        </div>
                    </div>
                </div>
                <div id="c2" style="display: none;">
                    <div class="row">
                        <div class="col-lg-4">

                            <div class="vid">
                                <a href="video_detail.html">
                                    <img src="../../img/05114948424245.jpg">
                                    <span>12:05</span>
                                </a>
                            </div>


                            <p>中国联通：联通红筹公司将继续密切关注相关事项的进展，保护公司合法权益</p>
                        </div>
                        <div class="col-lg-4">

                            <div class="vid">
                                <a href="video_detail.html">
                                    <img src="../../img/15211916792824.jpg">
                                    <span>30:35</span>
                                </a>
                            </div>
                            <p>中国联通：联通红筹公司将继续密切关注相关事项的进展，保护公司合法权益</p>
                        </div>
                        <div class="col-lg-4">

                            <div class="vid">
                                <a href="video_detail.html">
                                    <img src="../../img/15211918537923.jpg">
                                    <span>05:55</span></a>
                            </div>

                            <p>中国联通：联通红筹公司将继续密切关注相关事项的进展，保护公司合法权益</p>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-4">

                            <div class="vid">
                                <a href="video_detail.html">
                                    <img src="../../img/15740612343093.jpeg">
                                    <span>05:36</span></a>
                            </div>


                            <p>橙子自动化完成亿元级B+轮融资</p>
                        </div>
                        <div class="col-lg-4">

                            <div class="vid">
                                <a href="video_detail.html">
                                    <img src="../../img/15757155254329.jpg">
                                    <span>06:56</span>
                                </a>
                            </div>
                            <p>10个月内完成超1.3亿美元融资，AGILE ROBOTS思灵机器人宣布完成B轮融资</p>
                        </div>
                        <div class="col-lg-4">

                            <div class="vid">
                                <a href="video_detail.html">
                                    <img src="../../img/1607947100439065059.jpg">
                                    <span>07:15</span>
                                </a>
                            </div>

                            <p>云迹科技深耕服务机器人商业化应用</p>
                        </div>

                    </div>

                </div>
            </div>

            <div id="4" class=" comment mt-3" style="display: none;">
                <a href="info_detail.html">
                    <h6>生态环境部李高：以降碳为源头治理的“牛鼻子”，做好碳中和工作</h6>
                    <p>本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率。</p>
                    <hr>

                </a>
                <a href="info_detail.html">
                    <h6>浪潮服务器支持PB级别业务场景 实现数据存储和高性能计算分析</h6>
                    <p>一直以来浪潮服务器都立足于数据创造价值的智慧时代，坚持自主创新，持续为客户提供专业、优化、高效的
                        产品体验，让每个行业的服务都能变得更加人性化，让每个人都能够享受到智能化带来的便捷体验。
                    </p>
                    <hr>

                </a>
                <a href="info_detail.html">
                    <h6>中国联通：联通红筹公司将继续密切关注相关事项的进展，保护公司合法权益</h6>
                    <p>联通红筹公司将继续密切关注相关事项的进展，并寻求专业意见和保留一切权利，以保护联通红筹公司的合法权益。</p>
                    <hr>

                </a>
                <a href="info_detail.html">
                    <h6>5G天线等业务快速成长 信维通信预计2020年净利9.7至10.7亿元</h6>
                    <p>公司不断加大对基础材料、基础技术的研究，逐步拓宽了技术护城河，提升了产品线的竞争力，为更长远的发展奠定基础。</p>
                    <hr>

                </a>
                <a href="info_detail.html">
                    <h6>汽车人，困在「内卷」里</h6>
                    <p>未来汽车日报了解到，不少在传统主机厂，尤其是智能网联、自动驾驶等新兴部门任职的员工，开始感受到源源不断的压力。</p>
                    <hr>

                </a>
                <a href="info_detail.html">
                    <h6>联发科预计一季度营收不低于34.4亿美元 环比有望上涨8%</h6>
                    <p>虽然环比有可能下滑，但联发科预计的营收，同比则将会大涨。在去年一季度，联发科的营收为608.63亿新台币，预计的今年一季度的964亿到1041亿，较之增加355.37亿-432.37亿新台币，同比将增长58.39%-71%。
                    </p>
                    <hr>

                </a>

            </div>


        </div>

    </div>

    <!-- Our Classes List Area End Here -->



    <footer class="footer-area mt-5">
        <div class="container">
            <div class="footer-up">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <img class="footer-img" src="../../img/二维码.png">
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">

                        <h6>关于我们</h6>
                        <p> More over 10 years of experience in architecture, we build with owners and professionals
                            architect to raise quality & standard projects.</p>
                        <div class="social-area">
                            <a href=""><i class="fa fa-qq"></i></a>
                            <a href=""><i class="fa fa-weixin"></i></a>
                            <a href=""><i class="fa fa-weibo"></i></a>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h6>联系我们</h6>
                        <div class="contact-info">
                            <p><i class="las la-clock"></i> Mon-Fri 08.00 a.m-06.00 p.m</p>
                            <p><i class="las la-map-marker"></i> 112 W 34th St, Newyork</p>
                            <p><i class="las la-phone"></i> (+1)212-946-2064</p>
                            <p><i class="las la-envelope"></i> info@archipix.com</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="subscribe-form">
                            <h6>留下您宝贵的建议</h6>
                            <form action="index.html">
                                <input type="text" placeholder="Your name">
                                <input type="email" placeholder="Your email">
                                <textarea name="suggest" style="overflow: scroll" placeholder="Your suggest"></textarea>
                                <button class="main-btn">提交</button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="link-top"></div>
                <ul>
                    <li>
                        <h6>友情链接:</h6>
                    </li>
                    <li>
                        <a href="#">About Us</a>
                        <a href="#">Services</a>
                        <a href="#">Projects</a>
                        <a href="#">Contact</a>
                    </li>
                </ul>


            </div>
        </div>
    </footer>



    <!-- Wow JS -->
    <script type="text/javascript" src="../js/wow.min.js"></script>
    <!-- Owl Carousel JS -->
    <script type="text/javascript" src="../js/owl.carousel.min.js"></script>
    <!-- Isotope JS -->
    <script type="text/javascript" src="../js/isotope-3.0.6-min.js"></script>
    <!-- Way Points JS -->
    <script type="text/javascript" src="../js/jquery.waypoints.min.js"></script>
    <!-- Counter Up JS -->
    <script type="text/javascript" src="../js/jquery.counterup.min.js"></script>
    <!-- Magnific Popup JS -->
    <script type="text/javascript" src="../js/magnific-popup.min.js"></script>
    <!-- Sticky JS -->
    <script type="text/javascript" src="../js/jquery.sticky.js"></script>
    <!-- Progress Bar JS -->
    <script type="text/javascript" src="../js/jquery.barfiller.js"></script>
    <!-- Main JS -->
    <script type="text/javascript" src="../js/main.js"></script>

    <script type="text/javascript" src="../js/theme-change.js"></script>
    <script>

        $(document).ready(function () {
            $('.mine> a').click(function (e) {
                $('.mine> a').removeClass('my-active');
                $(this).addClass('my-active');
            });
            $("#a1").click(function () {
                $('#1').css("display", "block");
                $('#2').css("display", "none");
                $('#3').css("display", "none");
                $('#4').css("display", "none");
            });
            $("#a2").click(function () {
                $('#2').css("display", "block");
                $('#1').css("display", "none");
                $('#3').css("display", "none");
                $('#4').css("display", "none");
            });
            $("#a3").click(function () {
                $('#3').css("display", "block");
                $('#2').css("display", "none");
                $('#1').css("display", "none");
                $('#4').css("display", "none");
            });
            $("#a4").click(function () {
                $('#1').css("display", "none");
                $('#2').css("display", "none");
                $('#3').css("display", "none");
                $('#4').css("display", "block");
            });
            $("#l1").click(function () {
                $(this).addClass('col_active')
                $('#l2').removeClass('col_active')
                $('#c1').css("display", "block")
                $('#c2').css("display", "none")
            });
            $("#l2").click(function () {
                $(this).addClass('col_active')
                $('#l1').removeClass('col_active')
                $('#c1').css("display", "none")
                $('#c2').css("display", "block")
            });
            $('#img').click(function () {
                $('#my_photo').click();
            });
            $("#my_photo").change(function () { // input[file]的ID
                // 获取上传文件对象
                var file = $(this)[0].files[0];
                // 读取文件URL
                var reader = new FileReader();
                reader.readAsDataURL(file);
                // 阅读文件完成后触发的事件
                reader.onload = function () {
                    // 读取的URL结果：this.result
                    $("#img").attr("src", this.result);// img标签的ID
                }
            });


        });
    </script>
</body>

</html>